<template>
	<view class="index-container">
		<functional-module @functionalClick="goToDishMenu" :module="restaurant"></functional-module>
		<functional-module @functionalClick="goTohomemaking" :module="homemaking"></functional-module>
	</view>
</template>


<script setup>
	import { ref } from 'vue';
	
	const restaurant = ref({name:"猪小妹餐厅", picurl:"../../static/images/index/rice.png"});
	
	const homemaking = ref({name:"猪小妹家政", picurl:"../../static/images/index/homemaking.png"})
	
	
	const goToDishMenu = () => {
		uni.navigateTo({
			url:'/pages/index/restaurant/restaurant-menu'
		})
	};
	
	const goTohomemaking = () => {
		uni.navigateTo({
			url:'/pages/index/homemaking/homemaking-menu'
		})
	};
	
	
</script>

<style lang="scss" scoped>
	.index-container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		height: calc(100vh - 94px);
		overflow-y: auto;
		/* 在这里隐藏滚动条 */
		&::-webkit-scrollbar {
			display: none; /* 隐藏Chrome和Safari的滚动条 */
		}
	}
</style>